<template>
  <div class="box">
    <el-form-item label="南丁格尔图">
      <el-select v-model="series.roseType">
        <el-option label="无" :value="false"></el-option>
        <el-option label="area" value="area"></el-option>
        <el-option label="radius" value="radius"></el-option>
      </el-select>
    </el-form-item>
    <div>径向轴</div>
    <div class="take-care">可以将内半径设大显示成圆环图</div>
    <div class="p1">
      <el-form-item label="内半径">
        <el-input v-model="series.radius[0]"></el-input>
      </el-form-item>
      <el-form-item label="外半径">
        <el-input v-model="series.radius[1]"></el-input>
      </el-form-item>
    </div>
    <div>图形样式</div>
    <div class="p1">
      <el-form-item label="圆角">
        <el-input-number
          :min="0"
          v-model="series.itemStyle.borderRadius"
        ></el-input-number>
      </el-form-item>
      <el-form-item label="边框">
        <el-input-number
          :min="0"
          v-model="series.itemStyle.borderWidth"
        ></el-input-number>
      </el-form-item>
    </div>
  </div>
</template>

<script>
export default {
  name: "Global",
  inject: ["father"],
  computed: {
    series: {
      get() {
        return this.father.echartsOptions.series[0];
      },
      set(val) {
        this.father.echartsOptions.series[0] = val;
      },
    },
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped>
</style>